<template>
	<view>
		<view style="margin-top: 450rpx;text-align: center;">
			<view style="display: block;width: 100%;font-size: 42rpx;">无聊阅读</view>
			<view style="display: block;width: 100%;font-size: 20rpx;margin-top: 30rpx;">尊享离线书架,账号信息跨设备存储</view>
			<view style="display: block;width: 100%;">
				<button style="width: 70%;margin-left: 15%;margin-top: 30rpx;border-radius: 60rpx;height: 80rpx;line-height: 80rpx;" type="primary" @tap="wxLogin">微信一键登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	import { wxUserLogin } from "../../utils/api.js"
	export default {
		data() {
			return {
				title: '微信授权登录',
				host:'' //配置为自己的额服务器即可
			}
		},
		onLoad() {

		},
		methods: {
			wxLogin() {
				// 获取code 小程序专有，用户登录凭证。
				uni.getUserProfile({
					desc: "获取用户基本资料",
					lang: 'zh_CN',
					success: (user) => {
						console.log(user)
						//获取成功基本资料后开启登录，因为基本资料首先要授权
						uni.login({
							provider: 'weixin',
							success: function(code_res) {
								console.log(code_res);
								if (code_res.errMsg == "login:ok") {
									let code = code_res.code;
									let head = user.userInfo.avatarUrl;
									let nickName = user.userInfo.nickName;
									//	开始登录
									wxUserLogin(code, nickName, head);
								}
							}
						});
			
					},
					fail: (res) => {
						uni.showModal({
							title:"用户拒绝授权",
							showCancel:false
						})
					}
				});
			},
		}
	}
</script>

<style>

</style>
